<template lang="html">
  <div class="group-title fbc pb10 color-3 fz16">
    <div class="title-wrap fac fz16">
      <div class="pre-title mr10"></div>
      <div class="title-left">{{ title }}</div>
    </div>
    <div>
      <slot name="right"></slot>
    </div>
  </div>
</template>

<script>
export default {
  name: "title-line",
  components: {},
  mixins: [],
  props: {
    title: {
      type: String,
      default: "",
    },
  },
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},

  methods: {},
};
</script>

<style lang="scss" scoped>
.group-title {
  border-bottom: 1px solid rgba(231, 231, 231, 1);
  .title-wrap {
    height: 20px;
    line-height: 20px;
    .pre-title {
      width: 6px;
      background: rgba(20, 146, 255, 1);
      border-radius: 3px;
      height: 100%;
    }
    .title-left {
      line-height: 1;
    }
  }
}
</style>
